/* CSS Document */

html {
	height: 						100%;
}

body {
	padding:	    				0;
	margin: 						0; 
  	background-color:   			#454B74;
	height:	    					100%;
}
div#container {
	
	position:						relative;
	min-height:	    				100%;
	background-color:   			#454B74;
	
	background-image: 				url(images/bgleft.gif);
  	background-position: 			left;
  	background-repeat: 				repeat-y;
	
	/*border:							thin solid #FF0000;*/
}

* html #container
{
	height: 						100%;
}

#imagehi {
	width:  						196px;
	position:						absolute;
	top:							0;
	left:							0;
}

div#rightcolumn {
	min-width:      				500px;
	padding-left: 					219px;
	
	background-image: 				url(images/bgleft.gif);
  	background-position: 			left;
  	background-repeat: 				repeat-y;
  
	background-color:   			#454B74;
	padding-bottom: 				30px;
	padding-right:  				30px;
	/*border:							thin solid #00FF00;*/
}

#footer {
	color: 							#8792BD;
	position:						relative;
	margin:							-50px auto 0 auto;
	padding: 	    				10px 30px 0 200px;
	font-family: 					Georgia, "Times New Roman", Times, serif;
	font-size:						12px;
	font-style:						oblique;
	text-align:     				center;
}

#title {
	width:							550px;
	height:							120px;
	margin:							0 0 0 40px;
	background: 					#454B74 url(images/top510.jpg) no-repeat;
	border: 						thin solid #454B74;
}

#titletext {
	width:							550px;
	height:							24px;
	font-family: 					Verdana, Arial, Helvetica, sans-serif;
	font-weight: 					bold;
	font-style:						italic;
	font-size: 						23px;
	color:							#454B74;	
	margin:							40px 0 0 30px;
}

#navlinks {
	width:							480px;
	margin:							10px 0 30px 40px;
	font-size:						14px;
	font-family: 					Verdana, Arial, Helvetica, sans-serif;
	
	/*border: 		thin solid #009900; */
}

#navlinks li {
	display:		inline;
	list-style:		none;
	border-right: 	1px solid #99c;
	padding:        0 0.5em 0 0.75em;
}

#navlinks li.last {
	border-right:	0 none;
}

a:link, a:visited {
	text-decoration: none;
 	color: 			#6f7dd9;
}

a:link:hover,a:visited:hover {
 	background-color: #313553;
}
a:link:active, a:visited:active {
	background-color: #313553;
}

#main {
	text-align:		justify;
	
	color: 			#8792BD;  
	font-family: 	arial, helvetica, sans-serif;  
	font-size: 		medium; 
	text-decoration: none;
	margin:			40px 0 30px 30px;
	
	/*border: 		thin solid #009900;*/
}

#leftbar {
	width:  		150px;
	position:		absolute;
	top:			230px;
	left:			40px;
	font-size:		14px;
	font-family: 	Verdana, Arial, Helvetica, sans-serif;
}

#leftbar li {
	padding:        0.5em 0 0 0;
	list-style-type: disc;
}

#leftbar a:link, #leftbar a:visited {
	text-decoration: none;
 	color: 			#303451;
}

#leftbar a:link:hover,#leftbar a:visited:hover {
 	background-color: #747ec3;
}
#leftbar a:link:active, #leftbar a:visited:active {
	background-color: #747ec3;
}

/* for links.html */
table.links {
	margin:		0 0 5px 0;
	padding: 	0 0 0 0;
}

table.links caption{
	text-align:		left;
	font-weight:	bold;
	padding: 		0 0 0 0;
}

table.links td{
	width:			115px;
	padding: 	    0 0 0 0;
}
/* end of for links.html */

IMG.pic400 {
	margin: 0 0 5px 0;
}

.codeblock{
	font-size: 		medium;
	font-family: 	Courier, monospace;
	text-align:		left;
	line-height:	1.2;
	margin-left:    30px;
	
}
/* for indented paragraph */
.pindent {
	margin-left:	25px;
	font-size:		90%;
}

/* for c.html */
.ctable{
	width:			500px;
	text-align:		center;
}
.ctable tbody tr:hover, .utable tbody tr:hover{
	background-color:#566184;
}

/* this select the first column of the table*/
.ctable tbody tr td:first-child{
	text-align:		left;
}

/* unix page*/
.utable{
	text-align:		left;
	width: 			100%;
	border-collapse:collapse;
}

.utable td{
	border: 		1px solid #747da1;
	padding:		2px 3px 2px 2px;
}

.utable tbody tr td:first-child{
	width:			375px;
	font-size:		medium;
	font-family: 	Courier, monospace;
	text-align:		left;
	vertical-align:	top;	
}

/* select the second column */
.utable tbody tr td:first-child+td {
	width:			auto;
	text-align:		left;	
	vertical-align:	top;
}

/* for misc.html, php.html*/
.mtable{
	width:			auto;
	text-align:		left;
}
.mtable td{
	padding:		2px 10px 2px 10px;
}
.mtable tbody tr:hover, .utable tbody tr:hover{
	background-color:#566184;
}

/* this select the first column of the table*/

.mtable tbody tr td:first-child{
	text-align:		left;
	vertical-align: top;
}
.mtable tbody tr td:first-child+td {
	font-size:      85%;
} 
.mtable tbody tr td:first-child + td + td {
	font-size:      85%;
} 

.code{
	text-align:		left;
	line-height:	1.2;
	margin-left:    30px;
	font-family: "Courier New", Courier, monospace;
	font-size: 90%;
	margin-top: 12px;
	margin-bottom: 12px;
}
.code_inline {
	font-family: "Courier New", Courier, monospace;
	font-size: 90%;
	font-style: normal;
	margin-right: 8px;
	margin-left: 8px;
}
.codepre{
	text-align:		left;
	line-height:	1.2;
	margin-left:    30px;
	font-family: "Courier New", Courier, monospace;
	margin-top: 12px;
	margin-bottom: 12px;
}
